<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>top image upload</title>
    </h:head>
    <h:body>
        <h:form enctype="multipart/form-data">  
            <p:fileUpload fileUploadListener="#{topImageController.fileUploadMultiple}"  
                          mode="advanced"  
                          update="messages"   
                          multiple="true"  
                          sizeLimit="100000"   
                          allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/>  

            <p:growl id="messages" showDetail="true"/> 
            <p:dataTable value="#{topImageController.dataModel}" var="entity"
                         lazy="true"
                         editable="true"
                         rows="10">
                <p:column>
                    <p:graphicImage value="#{entity.src}" width="100" height="60"/>                    
                </p:column>
                <p:column>
                    <p:commandButton 
                        value="del"
                        actionListener="#{topImageController.remove(entity)}"
                        process="@this"
                        update="@form"/>
                </p:column>
            </p:dataTable>            
        </h:form>
    </h:body>
</html>

